<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			.row {
				display: flex;
				width: 960px;
				justify-content: space-between;
				margin: 0 auto;
			}
			
			.nav {
				list-style: none;
				width: 160px;
				height: 290px;
				background: #AE0000;
			}

			.nav li {
				background: #8B0000;
				height: 40px;
				line-height: 40px;
				padding-left: 10px;
			}

			.nav li + li {
				background: #AE0000;
			}

			.nav li a {
				font-size: 18px;
				color: #F8F8FF;
				text-decoration: none;
			}
			.banner img{
				width: 960px;
				height: 320px;
			}
		</style>
	</head>
	<body>
		<div class="row">
			<nav class="navbar">
				<ul class="nav">
					<li><a href="#">首页</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
					<li><a href="#">出境旅游</a></li>
				</ul>
			</nav>
			<div class="banner"><img src="./images/2.png" alt="热门图片"></div>
		</div>

	</body>
</html>
